<template>
  <div>
    <div class="fcRightBox">
      <div class="fcHeader-container fcHeader-container-custom-dash">
        <div class="">
          <el-tabs v-model="form.optimizationType" @tab-click="queryList">
            <el-tab-pane label="全部" name="全部">
              <div class="mc-dashboard-optimize-center-bannner-offcardsetting">
                <div class="banner-text-container">
                  <div>我们为您的账户提供了一系列优化建议，您可以参考这些建议优化您的账户</div>
                </div>
                <el-select v-model="value1" disabled placeholder="请选择">
                  <el-option
                      value="已关闭建议列表(0)">
                  </el-option>
                </el-select>
              </div>
              <div class="mc-dashboard-optimize-center-cards">
                <div v-for="item in tableList" :key="item.optimizationCenterId" class="optimize-center-card-container">
                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"
                       class="dls-icon close-btn" focusable="false">
                    <path fill="currentColor"
                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>
                  </svg>
                  <div class="adviceName">{{ item.centerTitle||"-----------" }}</div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>
                  </div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>
                  </div>
                  <div class="effect">
                    <div class="effectMap">
                      <div class="desc">预估新增展现量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{ item.estimateImpressions||0 }}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                    <div class="effectMap">
                      <div class="desc">预估新增点击量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{item.estimateHits||0}}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                  </div>
                  <div class="card-operation">
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>
                    </button>
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键开启</span>
                    </button>
                  </div>
                </div>

<!--                <div class="optimize-center-card-container">-->
<!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
<!--                       class="dls-icon close-btn" focusable="false">-->
<!--                    <path fill="currentColor"-->
<!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
<!--                  </svg>-->
<!--                  <div class="adviceName">添加新关键词</div>-->
<!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
<!--                  </div>-->
<!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
<!--                  </div>-->
<!--                  <div class="effect">-->
<!--                    <div class="effectMap">-->
<!--                      <div class="desc">预估新增展现量-->
<!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
<!--                             class="dls-icon icon-question" focusable="false">-->
<!--                          <path fill="currentColor"-->
<!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
<!--                          <path fill="currentColor" fill-rule="evenodd"-->
<!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
<!--                                clip-rule="evenodd"></path>-->
<!--                        </svg>-->
<!--                      </div>-->
<!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
<!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
<!--                                                                                 fill="none" viewBox="0 0 24 24"-->
<!--                                                                                 min-width="24" height="24"-->
<!--                                                                                 class="dls-icon icon-up"-->
<!--                                                                                 focusable="false"><path-->
<!--                          fill="currentColor"-->
<!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
<!--                      </div>-->
<!--                    </div>-->
<!--                    <div class="effectMap">-->
<!--                      <div class="desc">预估新增点击量-->
<!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
<!--                             class="dls-icon icon-question" focusable="false">-->
<!--                          <path fill="currentColor"-->
<!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
<!--                          <path fill="currentColor" fill-rule="evenodd"-->
<!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
<!--                                clip-rule="evenodd"></path>-->
<!--                        </svg>-->
<!--                      </div>-->
<!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
<!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
<!--                                                                                 fill="none" viewBox="0 0 24 24"-->
<!--                                                                                 min-width="24" height="24"-->
<!--                                                                                 class="dls-icon icon-up"-->
<!--                                                                                 focusable="false"><path-->
<!--                          fill="currentColor"-->
<!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
<!--                      </div>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="card-operation">-->
<!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
<!--                    </button>-->
<!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
<!--                    </button>-->
<!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
<!--                    </button>-->
<!--                  </div>-->
<!--                </div>-->
<!--                <div class="optimize-center-card-container">-->
<!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
<!--                       class="dls-icon close-btn" focusable="false">-->
<!--                    <path fill="currentColor"-->
<!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
<!--                  </svg>-->
<!--                  <div class="adviceName">添加新关键词</div>-->
<!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
<!--                  </div>-->
<!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
<!--                  </div>-->
<!--                  <div class="effect">-->
<!--                    <div class="effectMap">-->
<!--                      <div class="desc">预估新增展现量-->
<!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
<!--                             class="dls-icon icon-question" focusable="false">-->
<!--                          <path fill= "currentColor"-->
<!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
<!--                          <path fill="currentColor" fill-rule="evenodd"-->
<!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
<!--                                clip-rule="evenodd"></path>-->
<!--                        </svg>-->
<!--                      </div>-->
<!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
<!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
<!--                                                                                 fill="none" viewBox="0 0 24 24"-->
<!--                                                                                 min-width="24" height="24"-->
<!--                                                                                 class="dls-icon icon-up"-->
<!--                                                                                 focusable="false"><path-->
<!--                          fill="currentColor"-->
<!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
<!--                      </div>-->
<!--                    </div>-->
<!--                    <div class="effectMap">-->
<!--                      <div class="desc">预估新增点击量-->
<!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
<!--                             class="dls-icon icon-question" focusable="false">-->
<!--                          <path fill="currentColor"-->
<!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
<!--                          <path fill="currentColor" fill-rule="evenodd"-->
<!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
<!--                                clip-rule="evenodd"></path>-->
<!--                        </svg>-->
<!--                      </div>-->
<!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
<!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
<!--                                                                                 fill="none" viewBox="0 0 24 24"-->
<!--                                                                                 min-width="24" height="24"-->
<!--                                                                                 class="dls-icon icon-up"-->
<!--                                                                                 focusable="false"><path-->
<!--                          fill="currentColor"-->
<!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
<!--                      </div>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="card-operation">-->
<!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
<!--                    </button>-->
<!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
<!--                    </button>-->
<!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
<!--                    </button>-->
<!--                  </div>-->
<!--                </div>-->
              </div>
            </el-tab-pane>
            <el-tab-pane label="定向" name="定向">
              <div class="mc-dashboard-optimize-center-bannner-offcardsetting">
                <div class="banner-text-container">
                  <div>我们基于您当前的关键词、人群等定向设置为您提供了一系列优化建议，您可以参考这些建议优化您的账户</div>
                </div>
                <el-select v-model="value1" disabled placeholder="请选择">
                  <el-option
                      value="已关闭建议列表(0)">
                  </el-option>
                </el-select>
              </div>
              <div class="mc-dashboard-optimize-center-cards">
                <div v-for="item in tableList" :key="item.optimizationCenterId" class="optimize-center-card-container">
                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"
                       class="dls-icon close-btn" focusable="false">
                    <path fill="currentColor"
                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>
                  </svg>
                  <div class="adviceName">{{ item.centerTitle||"-----------" }}</div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>
                  </div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>
                  </div>
                  <div class="effect">
                    <div class="effectMap">
                      <div class="desc">预估新增展现量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{ item.estimateImpressions||0 }}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                    <div class="effectMap">
                      <div class="desc">预估新增点击量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{item.estimateHits||0}}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                  </div>
                  <div class="card-operation">
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>
                    </button>
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键开启</span>
                    </button>
                  </div>
                </div>

                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill= "currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
              </div>
            </el-tab-pane>
            <el-tab-pane label="出价" name="出价">  <div class="mc-dashboard-optimize-center-bannner-offcardsetting">
              <div class="banner-text-container">
                <div>我们基于您当前的出价设置，为您提供了一系列优化建议，您可以参考这些建议优化您的账户</div>
              </div>
              <el-select v-model="value1" disabled placeholder="请选择">
                <el-option
                    value="已关闭建议列表(0)">
                </el-option>
              </el-select>
            </div>
              <div class="mc-dashboard-optimize-center-cards">
                <div v-for="item in tableList" :key="item.optimizationCenterId" class="optimize-center-card-container">
                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"
                       class="dls-icon close-btn" focusable="false">
                    <path fill="currentColor"
                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>
                  </svg>
                  <div class="adviceName">{{ item.centerTitle||"-----------" }}</div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>
                  </div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>
                  </div>
                  <div class="effect">
                    <div class="effectMap">
                      <div class="desc">预估新增展现量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{ item.estimateImpressions||0 }}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                    <div class="effectMap">
                      <div class="desc">预估新增点击量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{item.estimateHits||0}}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                  </div>
                  <div class="card-operation">
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>
                    </button>
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键开启</span>
                    </button>
                  </div>
                </div>

                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill= "currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
              </div>      <div class="mc-dashboard-optimize-center-cards">
                <div v-for="item in tableList" :key="item.optimizationCenterId" class="optimize-center-card-container">
                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"
                       class="dls-icon close-btn" focusable="false">
                    <path fill="currentColor"
                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>
                  </svg>
                  <div class="adviceName">{{ item.centerTitle||"-----------" }}</div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>
                  </div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>
                  </div>
                  <div class="effect">
                    <div class="effectMap">
                      <div class="desc">预估新增展现量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{ item.estimateImpressions||0 }}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                    <div class="effectMap">
                      <div class="desc">预估新增点击量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{item.estimateHits||0}}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                  </div>
                  <div class="card-operation">
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>
                    </button>
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键开启</span>
                    </button>
                  </div>
                </div>

                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill= "currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
              </div></el-tab-pane>
            <el-tab-pane label="预算" name="预算">  <div class="mc-dashboard-optimize-center-bannner-offcardsetting">
              <div class="banner-text-container">
                <div>我们基于您当前账户中存在的问题为您提供了一系列修复建议，请您参考这些建议修复您的账户</div>
              </div>
              <el-select v-model="value1" disabled placeholder="请选择">
                <el-option
                    value="已关闭建议列表(0)">
                </el-option>
              </el-select>
            </div>
              <div class="mc-dashboard-optimize-center-cards">
                <div v-for="item in tableList" :key="item.optimizationCenterId" class="optimize-center-card-container">
                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"
                       class="dls-icon close-btn" focusable="false">
                    <path fill="currentColor"
                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>
                  </svg>
                  <div class="adviceName">{{ item.centerTitle||"-----------" }}</div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>
                  </div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>
                  </div>
                  <div class="effect">
                    <div class="effectMap">
                      <div class="desc">预估新增展现量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{ item.estimateImpressions||0 }}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                    <div class="effectMap">
                      <div class="desc">预估新增点击量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{item.estimateHits||0}}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                  </div>
                  <div class="card-operation">
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>
                    </button>
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键开启</span>
                    </button>
                  </div>
                </div>

                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill= "currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
              </div></el-tab-pane>
            <el-tab-pane label="创意" name="创意">  <div class="mc-dashboard-optimize-center-bannner-offcardsetting">
              <div class="banner-text-container">
                <div>我们基于您的预算设置情况和流量变化情况，为您提供了一系列优化建议，您可以参考这些建议优化您的账户</div>
              </div>
              <el-select v-model="value1" disabled placeholder="请选择">
                <el-option
                    value="已关闭建议列表(0)">
                </el-option>
              </el-select>
            </div>
              <div class="mc-dashboard-optimize-center-cards">
                <div v-for="item in tableList" :key="item.optimizationCenterId" class="optimize-center-card-container">
                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"
                       class="dls-icon close-btn" focusable="false">
                    <path fill="currentColor"
                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>
                  </svg>
                  <div class="adviceName">{{ item.centerTitle||"-----------" }}</div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>
                  </div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>
                  </div>
                  <div class="effect">
                    <div class="effectMap">
                      <div class="desc">预估新增展现量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{ item.estimateImpressions||0 }}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                    <div class="effectMap">
                      <div class="desc">预估新增点击量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{item.estimateHits||0}}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                  </div>
                  <div class="card-operation">
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>
                    </button>
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键开启</span>
                    </button>
                  </div>
                </div>

                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill= "currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
              </div></el-tab-pane>
            <el-tab-pane label="落地页" name="落地页">  <div class="mc-dashboard-optimize-center-bannner-offcardsetting">
              <div class="banner-text-container">
                <div>我们基于您当前的创意展现，为您提供了一系列优化建议，您可以参考这些建议优化您的创意</div>
              </div>
              <el-select v-model="value1" disabled placeholder="请选择">
                <el-option
                    value="已关闭建议列表(0)">
                </el-option>
              </el-select>
            </div>
              <div class="mc-dashboard-optimize-center-cards">
                <div v-for="item in tableList" :key="item.optimizationCenterId" class="optimize-center-card-container">
                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"
                       class="dls-icon close-btn" focusable="false">
                    <path fill="currentColor"
                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>
                  </svg>
                  <div class="adviceName">{{ item.centerTitle||"-----------" }}</div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>
                  </div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>
                  </div>
                  <div class="effect">
                    <div class="effectMap">
                      <div class="desc">预估新增展现量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{ item.estimateImpressions||0 }}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                    <div class="effectMap">
                      <div class="desc">预估新增点击量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{item.estimateHits||0}}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                  </div>
                  <div class="card-operation">
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>
                    </button>
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键开启</span>
                    </button>
                  </div>
                </div>

                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill= "currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
              </div></el-tab-pane>
            <el-tab-pane label="转化类" name="转化类">  <div class="mc-dashboard-optimize-center-bannner-offcardsetting">
              <div class="banner-text-container">
                <div>基于您当前的广告投放落地页设置和落地页内容体验，为您提供了一系列的优化建议，您可以参考这些建议优化广告落地页，改善广告投放效果</div>
              </div>
              <el-select v-model="value1" disabled placeholder="请选择">
                <el-option
                    value="已关闭建议列表(0)">
                </el-option>
              </el-select>
            </div>
              <div class="mc-dashboard-optimize-center-cards">
                <div v-for="item in tableList" :key="item.optimizationCenterId" class="optimize-center-card-container">
                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"
                       class="dls-icon close-btn" focusable="false">
                    <path fill="currentColor"
                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>
                  </svg>
                  <div class="adviceName">{{ item.centerTitle||"-----------" }}</div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>
                  </div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">{{ item.center||"-----------" }}</span>
                  </div>
                  <div class="effect">
                    <div class="effectMap">
                      <div class="desc">预估新增展现量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{ item.estimateImpressions||0 }}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                    <div class="effectMap">
                      <div class="desc">预估新增点击量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{item.estimateHits||0}}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                  </div>
                  <div class="card-operation">
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>
                    </button>
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键开启</span>
                    </button>
                  </div>
                </div>

                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill= "currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
              </div></el-tab-pane>
            <el-tab-pane label="修复" name="修复">  <div class="mc-dashboard-optimize-center-bannner-offcardsetting">
              <div class="banner-text-container">
                <div>我们基于您当前的oCPC投放设置，为您提供了一系列优化建议，您可以参考这些建议优化您的账户</div>
              </div>
              <el-select v-model="value1" disabled placeholder="请选择">
                <el-option
                    value="已关闭建议列表(0)">
                </el-option>
              </el-select>
            </div>
              <div class="mc-dashboard-optimize-center-cards">
                <div v-for="item in tableList" :key="item.centerTitle" class="optimize-center-card-container">
                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"
                       class="dls-icon close-btn" focusable="false">
                    <path fill="currentColor"
                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>
                  </svg>
                  <div class="adviceName">{{ item.centerTitle||"-----------" }}</div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>
                  </div>
                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>
                  </div>
                  <div class="effect">
                    <div class="effectMap">
                      <div class="desc">预估新增展现量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{ item.estimateImpressions||0 }}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                    <div class="effectMap">
                      <div class="desc">预估新增点击量
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"
                             class="dls-icon icon-question" focusable="false">
                          <path fill="currentColor"
                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>
                          <path fill="currentColor" fill-rule="evenodd"
                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"
                                clip-rule="evenodd"></path>
                        </svg>
                      </div>
                      <div class="value"><span class="effect-text"><span class="number-value">{{item.estimateHits||0}}</span><span
                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 fill="none" viewBox="0 0 24 24"
                                                                                 min-width="24" height="24"
                                                                                 class="dls-icon icon-up"
                                                                                 focusable="false"><path
                          fill="currentColor"
                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>
                      </div>
                    </div>
                  </div>
                  <div class="card-operation">
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>
                    </button>
                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键开启</span>
                    </button>
                  </div>
                </div>

                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
                <!--                <div class="optimize-center-card-container">-->
                <!--                  <svg @click="btnXiu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 24" min-width="13" height="13"-->
                <!--                       class="dls-icon close-btn" focusable="false">-->
                <!--                    <path fill="currentColor"-->
                <!--                          d="m7.444 11.998-7 7 1.555 1.556 7-7 7 7L17.556 19l-7-7 7-7.001L16 3.442l-7 7-7.001-7L.443 4.998l7 7z"></path>-->
                <!--                  </svg>-->
                <!--                  <div class="adviceName">添加新关键词</div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">您的账户中有1个单元未开启自动文案优化，导致展现量减少</span>-->
                <!--                  </div>-->
                <!--                  <div class="adviceOutline"><span class="advice_circle_tip"></span><span class="advice_desc">请及时开启自动文案优化，让广告展现给更多潜在目标客户，获取优质流量</span>-->
                <!--                  </div>-->
                <!--                  <div class="effect">-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增展现量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill= "currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">18</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                    <div class="effectMap">-->
                <!--                      <div class="desc">预估新增点击量-->
                <!--                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" min-width="24" height="24"-->
                <!--                             class="dls-icon icon-question" focusable="false">-->
                <!--                          <path fill="currentColor"-->
                <!--                                d="M12.054 18.34a1.242 1.242 0 1 0 0-2.484 1.242 1.242 0 0 0 0 2.484zM8.3 9.7a3.7 3.7 0 1 1 5.813 3.038c-.029.021-.064.05-.106.084-.12.1-.28.247-.438.431-.33.385-.569.835-.569 1.307h-2c0-1.148.57-2.048 1.05-2.608a5.739 5.739 0 0 1 .819-.78l-.004-.008a1.82 1.82 0 0 0 .08-.05l.011-.009.072-.052.009-.006A1.69 1.69 0 0 0 13.7 9.7a1.7 1.7 0 1 0-3.4 0h-2z"></path>-->
                <!--                          <path fill="currentColor" fill-rule="evenodd"-->
                <!--                                d="M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11zm-2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"-->
                <!--                                clip-rule="evenodd"></path>-->
                <!--                        </svg>-->
                <!--                      </div>-->
                <!--                      <div class="value"><span class="effect-text"><span class="number-value">3</span><span-->
                <!--                          class="period"><span>/</span><span>周</span></span><svg xmlns="http://www.w3.org/2000/svg"-->
                <!--                                                                                 fill="none" viewBox="0 0 24 24"-->
                <!--                                                                                 min-width="24" height="24"-->
                <!--                                                                                 class="dls-icon icon-up"-->
                <!--                                                                                 focusable="false"><path-->
                <!--                          fill="currentColor"-->
                <!--                          d="M4.688 16.5a.8.8 0 0 1-.619-1.307l7.002-8.558a1.2 1.2 0 0 1 1.858 0l7.002 8.558a.8.8 0 0 1-.62 1.307H4.689z"></path></svg></span>-->
                <!--                      </div>-->
                <!--                    </div>-->
                <!--                  </div>-->
                <!--                  <div class="card-operation">-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-strong one-button-medium"><span>查看详情</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>设置</span>-->
                <!--                    </button>-->
                <!--                    <button @click="btnXiu" type="button" name="" class="one-button one-main one-button-basic one-button-medium"><span>一键添加</span>-->
                <!--                    </button>-->
                <!--                  </div>-->
                <!--                </div>-->
              </div></el-tab-pane>

          </el-tabs>
        </div>

      </div>
    </div>

  </div>
</template>

<script>
import ItemMixins from "./item.mixins";
import * as echarts from 'echarts';
import {getOptimizationCenterList} from '@/services/model/managecenter'

export default {
  mixins: [ItemMixins],
  data() {
    return {
      form: {
        optimizationType: '全部'
      },
      value1: '已关闭建议列表(0)',
      isToggleStatus: false,

      chart: null,
      value: '下载',
      sumTypeList: [{
        value: '消费',
        label: '消费'
      }, {
        value: '展示',
        label: '展示'
      }, {
        value: '点击',
        label: '点击'
      }, {
        value: '平均点击价格',
        label: '平均点击价格'
      }],
      options2: [{
        value: '下载',
        label: '下载'
      }, {
        value: '发送邮箱',
        label: '发送邮箱'
      },
        {
          value: '下载设置',
          label: '下载设置'
        },],
      options: [{
        value: 0,
        label: '合计'
      }, {
        value: 1,
        label: '分时'
      }, {
        value: 2,
        label: '分日'
      }, {
        value: 3,
        label: '分周'
      }, {
        value: 4,
        label: '分月'
      }],
      isSelect: '账户整体',
      activeName: '整体走势',

    };
  },
  methods: {
    tabClick(){

    },
    async queryList() {
      // if(   this.form.optimizationType=='全部'){
      //   this.form.optimizationType=''
      // }
      this.tableList=[]
      this.form.createTime = this.formatDate(this.timerArray[0]);
      this.form.updateTime = this.formatDate(this.timerArray[1]);
      let res = await getOptimizationCenterList(this.form)
      this.tableList = res.data
       this.form.total = Math.ceil(Number(res.total) );
    },

    handleClick(tab, event) {
      console.log(tab, event);
    }
  },
  mounted() {
    this.form.optimizationType='全部'
    this.$nextTick(()=>{
      this.queryList()
    })
  },
};
</script>
<style>
</style>
<style scoped lang="less">

.fcRightBox {
  height: 100%;

  .fcHeader {
    background: #fff;
    border-radius: 6px;
    padding: 16px 24px 20px;
    margin-bottom: 24px;

    .fcHeader-title-container {

      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;

      .left-part {

        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;

        .title {
          font-size: 20px;
          color: #282c33;
        }

        .refresh-data-time {
          display: inline-block;
          margin-bottom: 4px;
        }

      }

      .right-part {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;

        .baidu-market-tip {
          color: #a8b0bf;
          font-size: 12px;

          .baidu-market-name {
            color: #0052cc;
          }
        }

        .fcHeader-date-pick-container {
          margin-left: 12px;
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start;
          align-items: center;

          /deep/ .el-checkbox {
            margin-left: 12px;
          }
        }
      }
    }
  }

  .fcHeader-container-custom-dash {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .fcHeader-container {
    position: relative;
    background-color: rgb(255, 255, 255);
    padding: 0px 24px 24px;
    border-radius: 6px;
    margin-bottom: 42px;

    .fcHeader-container-title-box {
      position: absolute;
      right: 24px;
      top: 20px;
      height: 28px;
      display: flex;
      align-items: center;

      .fcHeader-container-title-tip {
        font-size: 12px;
        color: #a8b0bf;
        z-index: 9;
      }
    }
  }

  .account-report-radio-container {
    width: calc(100% - 48px);
    display: flex;

    overflow: auto;

    .account-report-radio-card {
      min-width: 208px;
      padding: 12px 16px;
      border-radius: 6px;
      border: 1px solid #c4daff;
      background: #fff;
      margin-right: 16px;
      cursor: pointer;
      color: #545b66;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;

      .account-report-radio-card-base {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .account-report-radio-card-base-cost {
          display: flex;
          align-items: center;
          color: #282c33;
          font-weight: 500;

          .account-report-radio-card-base-cost-num {
            font-size: 20px;
            line-height: 28px;
            margin: 0 4px;
          }
        }
      }
    }

    .account-report-radio-card-selected {
      border: 1px solid #0054e6;
      color: #0054e6;

      .account-report-radio-card-base-cost {
        color: #0054e6;
      }
    }

  }
}
</style>
<style scoped>
.dashboard .box-card {
  margin-bottom: 20px;
}

.dashboard .text-item {
  padding: 20px 0;
  text-align: center;
}

.dashboard .number {
  font-size: 24px;
  color: #333;
}

.dashboard .change {
  font-size: 14px;
  color: #333;
}

.dashboard .change el-icon {
  color: #67C23A;
}

.chart {
  width: 100%;
}

.contentHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 24px;
  background-color: rgb(255, 255, 255);

.el-input__inner {
  height: 32px;
  line-height: 32px;
}

}
.contentHeader_right {
  min-width: 300px;
  display: flex;
  align-items: center;
  justify-content: space-between;

}

.buttonAdd {
  background: #0054e6;
  color: white;
  border-radius: 4px;
  font-size: 14px;
  padding: 0 16px;
  height: 32px;
}

.buttonBtn {
  background: #e2e6f0;
  border-radius: 4px;
  font-size: 14px;
  padding: 0 16px;
  height: 32px;
}

.refresh-operation {
  width: 32px;
  align-items: center;
}

.one-button-normal {
  background-color: #ebedf5;
  color: rgba(19, 22, 26, 0.9);
  border: 1px solid transparent;
}

.one-button-medium {
  font-size: 14px;
}

.mc-dashboard-optimize-center-bannner-offcardsetting {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.mc-dashboard-optimize-center-bannner-offcardsetting .banner-text-container {
  width: calc(100% - 186px);
  color: #545b66;
  font-size: 14px;
  line-height: 1.5em;
}

.mc-dashboard-optimize-center-cards {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
.optimize-center-card-container {
  width: 370px;
  border-radius: 6px;
  background-color: #fff;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 20px;
  display: inline-block;
  border: 1px solid #e2e6f0;
  position: relative;
}
.optimize-center-card-container .adviceName {
  font-size: 14px;
  color: #333;
  font-weight: 600;
}
.optimize-center-card-container .close-btn {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 16px;
}
.optimize-center-card-container .adviceOutline {
  min-height: 16px;
  margin-top: 10px;
  font-size: 12px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.optimize-center-card-container .advice_circle_tip {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.optimize-center-card-container .adviceOutline .advice_desc {
  margin-left: 8px;
}
.optimize-center-card-container .effect {
  display: flex;
  margin-top: 25px;
}
.optimize-center-card-container .effect .effectMap {
  flex: 0 1 300px;
}
.optimize-center-card-container .effect .effectMap .desc {
  font-size: 12px;
  color: #848b99;
}
.optimize-center-card-container .icon-question {
  margin-left: 8px;
}
.optimize-center-card-container .effect .effectMap .value {
  margin-top: 15px;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  line-height: 30px;
}
.optimize-center-card-container .effect .effectMap .value .effect-text {
  width: max-content;
  display: flex;
  align-items: center;
}
.optimize-center-card-container .effect .effectMap .icon-up {
  color: #cc1800;
}.optimize-center-card-container .effect .effectMap .value {
   margin-top: 15px;
   font-size: 22px;
   color: #333;
   font-weight: bold;
   line-height: 30px;
 }
.optimize-center-card-container .effect .effectMap .value .period {
  font-size: 16px;
}
 .dls-icon {
   display: inline-block;
   width: auto;
   height: 1em;
   fill: currentColor;
   vertical-align: -0.125em;
 }
.optimize-center-card-container .card-operation {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #e2e6f0;
  display: flex;
  justify-content: space-between;
}
.one-button-medium {
  border-radius: 4px;
  font-size: 14px;
  padding: 0 16px;
  height: 32px;
}
.one-button-strong {
  background-color: #fff;
  color: #0054e6;
  border: 1px solid #0054e6;
}
.one-button {
  box-sizing: border-box;
  outline: none;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  line-height: 1;
  white-space: nowrap;
  transition-property: border-color, background-color, color, opacity, box-shadow;
  transition-duration: 0.2s;
  cursor: pointer;
}
.one-button-basic {
  color: rgba(19, 22, 26, 0.9);
  border: 1px solid #e2e6f0;
}
</style>
